<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml"
	   xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8" />
	<title>能耗查询</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<link rel="icon" type="image/x-icon" href="/favicon.ico" th:href="@{/favicon.ico}" >
</head>
<body  class="" >
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
        <li>首页</li>
        <li>能耗管理</li>
        <li>能耗查询</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container">

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">查询条件</h2>
		</div>
	</div>

	<div class="container-fluid query-frame-wrap mb-10 clearfix">
        <div class="col-lg-9 col-lg-item-6">
            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>能耗设备编号</label>
                        <select class="form-control queryDetail energyCode" id="detailCode" value="" >
                        </select>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame date-frame">
                        <label>开始时间</label>
                        <input autocomplete="new-password" type="text"  id="detailTimeStart"   class="detail_datetimeStart form-control"   value="" readonly="readonly"/>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="query-frame date-frame">
                        <label>结束时间</label>
                        <input autocomplete="new-password" type="text"  id="detailTimeEnd"   class="detail_datetimeEnd form-control"   value="" readonly="readonly"/>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-lg-4">
                    <div class="query-frame">
                        <label>所属工序</label>
                        <select name="operationName" id="operationDetail" class="form-control queryDetail operationSearch">
                        </select>
                    </div>
                </div>
            </div>
        </div>
		<div class="col-lg-3 ">
			<div class="query-frame query-button">
				<img th:src="@{/image/search.png}" id="queryDetail"/>
				<img th:src="@{/image/rest.png}" id="resetDetail" />
			</div>
		</div>
	</div>

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12 rlt">
			<h2 class="page-section-title">设备列表</h2>
			<ul class="table-tool">
				<li id="exportDetail">
                    <span aria-hidden="true" class="icon-list_baocun"></span>
					<label>导出</label>
				</li>
			</ul>
		</div>
	</div>

	<div class="container-fluid table-container">
		<table id="detailTable">

		</table>
	</div>
</div>


<div th:replace="common/foot">
</div>
<script th:src="@{/js/energy/detail.js}"></script>
</body>
</html>


	



